@charset "utf-8"

h1.title
  // a
  //   display: block
  img
    display: block

.navbar .navbar-menu
  font-size: 14px
  a
    color: #3a3a3a
  a:hover
    color: $link-hover

li.navbar-item i
  // font-size: 1em
  padding-right: .5em
  display: inline

+from($navbar-breakpoint)
  .navbar-menu li
    overflow: hidden

    ul
      position: absolute
      z-index: 99
      background-color: hsla(0, 0%, 100%, 0.8)
      box-shadow: $box-shadow
      left: 0
      transition: all 0.4s ease 0s
      top: $navbar-height * 2
      opacity: 0

      li
        white-space: nowrap
        min-width: 4em

    &:hover
      background-color: hsla(0, 0%, 96%, 0.8)
      transition: background 0.3s ease 0s
      overflow: unset

      ul
        opacity: 1
        top: $navbar-height

+until($navbar-breakpoint)
  .navbar-menu li
    padding: 0

    ul
      margin-left: 0.7rem

    a
      padding: 0.5rem 0.95rem
      display: block

    a:hover
      background-color: hsla(0, 0%, 96%, 0.8)
      transition: background 0.3s ease 0s
